<h2>与jQuery的混用</h2>
<p>有三种方案，第一种，使用avalon自带的加载器引用，第二种禁用avalon自带加载器，使用requirejs引用，第三种禁用avalon自带加载器，直接引用。</p>
<p>第一种，将avalon与jquery放在同一目录下，然后：</p>
<pre class="brush:javascript;gutter:false;toolbar:false;">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;&lt;/title&gt;
        &lt;script src="avalon.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
            require.config({
                paths: {
                    jquery: "jquery.js",
                    avalon: "avalon.js"
                },
                shim: {
                    jquery: {
                        exports: "jQuery"
                    },
                    avalon: {
                        exports: "avalon"
                    }
                }
            })
            require(["jquery", "avalon"], function($, avalon) {
                console.log($)
                console.log(avalon)
            })
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body ms-controller="test"&gt;
        TEST
    &lt;/body&gt;
&lt;/html&gt;
</pre>
<p>第二种，将avalon与jquery与requirejs放在同一目录下</p>
<p>修改avalon源码 loader: ture  ---&gt; loader: false，然后</p>
<p>如果换成使用avalon.shim.js，则不用修改avalon源码</p>
<pre class="brush:javascript;gutter:false;toolbar:false;">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;&lt;/title&gt;
        &lt;script src="require.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
            require.config({
                paths: {
                    jquery: "jquery.js",
                    avalon: "avalon.js"
                },
                shim: {
                    jquery: {
                        exports: "jQuery"
                    },
                    avalon: {
                        exports: "avalon"
                    }
                }
            })
            require(["jquery", "avalon"], function($, avalon) {
                console.log($)
                console.log(avalon)
            })
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body ms-controller="test"&gt;
        TEST
    &lt;/body&gt;
&lt;/html&gt;
</pre>
<p>第三种，下载GIRHUB仓库中<a href="https://github.com/RubyLouvre/avalon/blob/master/min/avalon.shim.js">avalon.shim.js</a></p>
<pre class="brush:javascript;gutter:false;toolbar:false;">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;&lt;/title&gt;
         &lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="avalon.shim.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
          
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body ms-controller="test"&gt;
        TEST
    &lt;/body&gt;
&lt;/html&gt;
</pre>